<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head th:replace="common/header::common_head"></head>
<title>系统参数</title>
<link rel="stylesheet" type="text/css" href="/is/template/nadmin/css/themes/sky-blue/libs/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="/is/template/nadmin/css/themes/sky-blue/libs/jquery/jquery-ui.min.css" />
<link rel="stylesheet" href="/is/template/nadmin/css/themes/sky-blue/libs/jquery/jqgrid.custom.min.css"  media='all'/>
<link href="/is/template/nadmin/css/themes/sky-blue/libs/ai/aiui.css" rel="stylesheet" media='all'>
<link rel="stylesheet" type="text/css" href="/is/template/nadmin/css/themes/sky-blue/libs/ai/select/multiselect.css" media='all' />

<link href="/is/template/nadmin/css/themes/sky-blue/common.css?version=" rel="stylesheet" media='all'>
<style type="text/css">
    #preview {
        display: inline-block;
        width: 100px;
        height: 100px;
        position: relative;
        background-color: #79b7e7;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #file {
        width: 100%;
        height: 100%;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        cursor: pointer;
        z-index: 5;
    }
</style>
<body class="hold-transition skin-blue sidebar-mini">
<div th:replace="common/LeftCommon::common_top_left"></div>
<div class="wrapper">
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            系统参数
            <small>SystemParameters</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="/index"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="#">系统设置</a></li>
            <li class="active">系统参数</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="nav-tabs-custom">
                    <form class="form-horizontal" id="editForm" name="editForm" novalidate="novalidate">
                    <ul class="nav nav-tabs">
                        <li><a href="#fa-icons" data-toggle="tab">公司资料</a></li>
                        <li class="active"><a href="#glyphicons" data-toggle="tab">系统参数</a></li>
                        <li><a href="#user-deploy" data-toggle="tab">用户配置</a></li>
                        <li><a href="#pay-deploy" data-toggle="tab">收款配置</a></li>
                    </ul>
                    <div class="tab-content">
                        <!-- Font Awesome Icons -->

                        <div class="tab-pane" id="fa-icons">
                            <div id="companyParam">
                                <div class="inputLabel" style="text-align:center;margin: 40px">
                                    <p>请选择图片</p>
                                    <div id="preview">
                                        <input type="file" accept="image/*" id="file" value="选择图片">
                                    </div>
                                    <script type="text/javascript">
                                        var preview = document.querySelector('#preview');
                                        var eleFile = document.querySelector('#file');
                                        eleFile.addEventListener('change', function() {
                                            var file = this.files[0];
                                            // 确认选择的文件是图片
                                            if(file.type.indexOf("image") == 0) {
                                                var reader = new FileReader();
                                                reader.readAsDataURL(file);
                                                reader.onload = function(e) {
                                                    // 图片base64化
                                                    var newUrl = this.result;
                                                    preview.style.backgroundImage = 'url(' + newUrl + ')';
                                                };
                                            }
                                        });
                                    </script>
                                </div>

                                <div class="form-group">

                                    <label for="comName" class="col-sm-4 control-label"><span class="text-danger">* </span>公司名称</label>
                                    <div class="col-sm-5 validate_input" >
                                        <input  type="text" class="form-control" ng-model="company.comName" name="comName" maxlength="30" placeholder="请输入公司名称..." ng-readonly="isReadonly" required>
                                        <div ng-show="editForm.comName.$error.required" class="error_container">
                                            <div class="error_tip">
                                                <div class="error_led"><span></span></div>
                                                <font ng-show="editForm.comName.$error.required">公司名称不能为空.</font>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="phone" class="col-sm-4 control-label">电话</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" ng-model="company.phone" id="phone" name="phone" placeholder="请输入公司电话..."  ng-readonly="isReadonly">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="address" class="col-sm-4 control-label">地址</label>
                                    <div class="col-sm-5">
                                        <input type="text" class="form-control" ng-model="company.address" id="address" name="address" placeholder="请输入公司地址..."  ng-readonly="isReadonly">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="moreInformation" class="col-sm-4 control-label"></label>
                                    <span class="col-sm-5" id="moreInformation" style="color: rgb(81,162,239)"><a href="{{merchanCertificateUrl}}">完善更多公司信息,方便我们更好地为您服务>></a></span>
                                </div>
                            </div>

                        </div>
                        <div class="tab-pane active" id="glyphicons">
                            <section class="content" style="margin-top: 50px">
                                <div class="row">
                                        <!-- 系统参数 -->
                                        <div id="systemParam">
                                            <div class="form-group">
                                                <label for="warnNumberTop" class="col-sm-4 control-label">默认库存预警上限</label>
                                                <div class="col-sm-5 validate_input">
                                                    <input type="number" max="100000" min="0" class="form-control" ng-model="companyConfig.warnNumberTop" id="warnNumberTop" name="warnNumberTop" placeholder="默认库存预警上限..." ng-class="{'ng-invalid':isWarnNumberError()}"  ng-readonly="isReadonly">
                                                    <div ng-show="editForm.warnNumberTop.$dirty && editForm.warnNumberTop.$invalid || isWarnNumberError()" class="error_container">
                                                        <div class="error_tip">
                                                            <div class="error_led">
                                                                <span></span>
                                                            </div>
                                                            <font ng-show="editForm.warnNumberTop.$error.number">输入值必须为数值.</font>
                                                            <font ng-show="editForm.warnNumberTop.$error.min">库存预警值不可小于0.</font>
                                                            <font ng-show="editForm.warnNumberTop.$error.max">库存预警值不可超过100 000.</font>
                                                            <font ng-show="isWarnNumberError()">库存预警上限必须大于下限.</font>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="warnNumberLow" class="col-sm-4 control-label">默认库存预警下限</label>
                                                <div class="col-sm-5 validate_input">
                                                    <input type="number" max="100000" min="0" class="form-control" ng-model="companyConfig.warnNumberLow" id="warnNumberLow" name="warnNumberLow" placeholder="默认库存预警下限..." ng-class="{'ng-invalid':isWarnNumberError()}"  ng-readonly="isReadonly">
                                                    <div ng-show="editForm.warnNumberLow.$dirty &&  editForm.warnNumberLow.$invalid || isWarnNumberError()" class="error_container">
                                                        <div class="error_tip">
                                                            <div class="error_led">
                                                                <span></span>
                                                            </div>
                                                            <font ng-show="editForm.warnNumberLow.$error.number">输入值必须为数值.</font>
                                                            <font ng-show="editForm.warnNumberLow.$error.min">库存预警值不可小于0.</font>
                                                            <font ng-show="editForm.warnNumberLow.$error.max">库存预警值不可超过100 000.</font>
                                                            <font ng-show="isWarnNumberError()">库存预警下限必须小于上限.</font>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label  class="col-sm-4 control-label">销货宝默认价格类型</label>
                                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.wechatShopDefaultPriceType" ng-model="companyConfig.wechatShopDefaultPriceType" value="1">零售价&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.wechatShopDefaultPriceType" ng-model="companyConfig.wechatShopDefaultPriceType" value="2">批发价</label>
                                                    <span class="ui-icon ui-icon-help" style="display: inline-block;cursor: pointer;" ng-click="showWechatShopDefaultPriceTypeHelp()"></span>
                                                    <span class="text-muted label-defalut-price-type" style="line-height: 28px;font-size: 12px;">设置后，上传的店铺商品将会默认显示该价格。</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label  class="col-sm-4 control-label">自动生成货号</label>
                                                <div class="col-sm-8 validate_input" style="line-height: 28px;">
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.goodsSngennerator.enable" ng-model="companyConfig.goodsSngennerator.enable" value="1">启用&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.goodsSngennerator.enable" ng-model="companyConfig.goodsSngennerator.enable" value="2">停用</label>
                                                    <span class="text-muted label-defalut-price-type" style="line-height: 28px;font-size: 12px;margin-left: 68px;">会员专属</span>
                                                    <div ng-show="companyConfig.goodsSngennerator.enable == 1">
                                                        <label>前缀<input type="text" name="companyConfig.goodsSngennerator.prefix" ng-model="companyConfig.goodsSngennerator.prefix" class="form-control" ng-pattern="/^[A-Za-z0-9]*$/" style="display: inline-block;width:70px;margin-left:5px;" placeholder="前缀"/></label>
                                                        <label>数字长度<input type="number" name="companyConfig.goodsSngennerator.length" ng-model="companyConfig.goodsSngennerator.length" class="form-control" required ng-pattern="/^[1-9]{1}[0-9]*$/" min="1" style="display: inline-block;width:87px;margin-left:5px;" placeholder="数字长度"/></label>
                                                    </div>
                                                    <div>
                                                        <span class="text-muted label-defalut-price-type" style="line-height: 28px;font-size: 12px;">设置启用后，新增商品时将自动生成货号，货号前缀必须为字母或数字。</span>
                                                        <span ng-show="companyConfig.goodsSngennerator.enable == 1" class="text-muted label-defalut-price-type" style="line-height: 28px;font-size: 12px;word-break: break-all;">
									    	示例：
										<span style="line-height: 28px;font-size: 12px;" ng-bind="goodsSnExample"></span>
									</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label  class="col-sm-4 control-label">负库存出售</label>
                                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.saleNegativeStore" ng-model="companyConfig.saleNegativeStore" value="1">启用&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.saleNegativeStore" ng-model="companyConfig.saleNegativeStore" value="2">停用</label>
                                                    <span class="text-muted label-defalut-price-type" style="line-height: 28px;font-size: 12px;">设置停用后，负库存的商品将不允许出售或调拨。</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label  class="col-sm-4 control-label">出入库功能</label>
                                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.woutOrWinStore" ng-model="companyConfig.woutOrWinStore" value="1">启用&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.woutOrWinStore" ng-model="companyConfig.woutOrWinStore" value="2">停用</label>
                                                    <span class="ui-icon ui-icon-help" style="display: inline-block;cursor: pointer;" ng-click="showWoutOrWinStoreHelp()"></span>
                                                    <span class="text-muted label-defalut-price-type" style="line-height: 28px;font-size: 12px;">设置启用后，销售、采购等业务都会经过出库、入库，并由仓管员统一管理出入库。（注：设置后需要退出重新登陆方才生效）</span>
                                                </div>
                                            </div>
                                            <div class="form-group" ng-if="companyConfig.woutOrWinStore==1">
                                                <label  class="col-sm-4 control-label">出库单价格展示</label>
                                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.showStoreOutPrice" ng-model="companyConfig.showStoreOutPrice" value="1">启用&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.showStoreOutPrice" ng-model="companyConfig.showStoreOutPrice" value="2">停用</label>
                                                    <span class="text-muted label-defalut-price-type" style="line-height: 28px;font-size: 12px;">设置启用后，待出库单和出库单将会显示商品的单价和金额(销售单的折后价和折后金额)。</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label  class="col-sm-4 control-label">核销功能</label>
                                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.receiptWholesaleAvailable" ng-model="companyConfig.receiptWholesaleAvailable" value="1">启用&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.receiptWholesaleAvailable" ng-model="companyConfig.receiptWholesaleAvailable" value="0">停用</label>
                                                    <span class="text-muted label-defalut-price-type" style="line-height: 28px;font-size: 12px;">核销功能用于客户对账中，开启后可将收款单的金额填补至欠款单据中，将欠款抹平。</span>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label  class="col-sm-4 control-label">库存成本算法</label>
                                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.goodsCostAlgorithm" ng-model="companyConfig.goodsCostAlgorithm" value="ap">全部加权平均&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.goodsCostAlgorithm" ng-model="companyConfig.goodsCostAlgorithm" value="mwa">移动加权平均</label>
                                                    <span class="ui-icon ui-icon-help" style="display: inline-block;cursor: pointer;" ng-click="showCostAlgorithmHelp()"></span>
                                                    <span class="text-muted label-defalut-price-type" style="line-height: 28px;font-size: 12px;">库存成本算法将会影响商品采购成本，销售利润统计。</span>
                                                </div>
                                            </div>
                                            <div class="form-group" >
                                                <label class="col-sm-4 control-label">调拨单价格展示</label>
                                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.storeTransferOrderPrice" ng-model="companyConfig.storeTransferOrderPrice" value="factoryPrice">采购价&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.storeTransferOrderPrice" ng-model="companyConfig.storeTransferOrderPrice" value="tradePrice">销售价&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.storeTransferOrderPrice" ng-model="companyConfig.storeTransferOrderPrice" value="retailPriceArea">零售价&nbsp;&nbsp;</label>
                                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="companyConfig.storeTransferOrderPrice" ng-model="companyConfig.storeTransferOrderPrice" value="">不展示</label>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- /.box-body -->
                                    </div>
                                    <!-- /.box -->


                                <!-- /.row -->
                            </section>
                        </div>
                        <div class="tab-pane" id="user-deploy" style="margin-top: 50px"><div id="userInfoParam">
                            <div class="form-group">
                                <label class="col-sm-4 control-label">实收\实付为零</label>
                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="businessConfig.zeroPaid" ng-model="businessConfig.zeroPaid" value="1">启用&nbsp;&nbsp;</label>
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="businessConfig.zeroPaid" ng-model="businessConfig.zeroPaid" value="2">停用</label>
                                    <span class="text-muted label-defalut-price-type" style="display:block;line-height: 28px;font-size: 12px;">设置启用后，开单页面实收(付)金额将默认为零。</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">销售开单默认价格</label>
                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="businessConfig.tradeOrRetailPrice" ng-model="businessConfig.tradeOrRetailPrice" value="1">批发价&nbsp;&nbsp;</label>
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="businessConfig.tradeOrRetailPrice" ng-model="businessConfig.tradeOrRetailPrice" value="2">零售价</label>
                                    <span class="text-muted label-defalut-price-type" style="display:block;line-height: 28px;font-size: 12px;">在销售单或销售退货单中，商品初始化价格默认为设置的批发价或零售价。</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">销售单默认上次价格</label>
                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="businessConfig.defaultLastPrice" ng-model="businessConfig.defaultLastPrice" value="1">启用&nbsp;&nbsp;</label>
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="businessConfig.defaultLastPrice" ng-model="businessConfig.defaultLastPrice" value="2">停用</label>
                                    <span class="text-muted label-defalut-price-type" style="display:block;line-height: 28px;font-size: 12px;">启用后，销售单及销售退货单的商品价格将默认设置为同个客户上次的出售价格。</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">采购单默认上次价格</label>
                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="businessConfig.defaultSupplierLastPrice" ng-model="businessConfig.defaultSupplierLastPrice" value="1">启用&nbsp;&nbsp;</label>
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="businessConfig.defaultSupplierLastPrice" ng-model="businessConfig.defaultSupplierLastPrice" value="2">停用</label>
                                    <span class="text-muted label-defalut-price-type" style="display:block;line-height: 28px;font-size: 12px;">启用后，采购单及采购退货单的商品价格将默认设置为同个供应商上次的采购价格。</span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">默认收款方式</label>
                                <div class="col-sm-5 validate_input" style="line-height: 28px;">
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="defaultPaymentPC" value="1" onchange="changeDefaultPaymentPC(this.value)">默认上次收款方式&nbsp;&nbsp;</label>
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="defaultPaymentPC" value="2" onchange="changeDefaultPaymentPC(this.value)">扫码收款&nbsp;&nbsp;</label>
                                    <label class=" sel-a label-defalut-price-type"><input type="radio" name="defaultPaymentPC" value="3" onchange="changeDefaultPaymentPC(this.value)" checked="checked">现金收款</label>
                                    <span class="text-muted label-defalut-price-type" style="display:block;line-height: 28px;font-size: 12px;">控制销售单、前台收银默认收款方式。</span>
                                </div>
                            </div>
                        </div>
                        </div>
                        <div class="tab-pane" id="pay-deploy" style="margin-top: 50px"><div id="receiptParam">
                            <div class="form-group">
                                <label class="col-sm-4 control-label">微信/支付宝收款默认账户</label>
                                <div class="col-sm-5 validate_input" style="line-height: 21px;">
                                    <input  type="text" class="form-control" ng-model="company.comName" id="comName" name="comName" maxlength="30" placeholder="默认为支付宝" ng-readonly="isReadonly" required>
                                    <span class="text-muted label-defalut-price-type" style="display:block;line-height: 28px;font-size: 12px; margin-top: 14px;">
								<div style="display: inline;float:none" class="icon-help">
									<a href="https://www.qinsilk.com/mms/front/help/help-id881.html" target="_blank" style="cursor: pointer;font-size: 12px;">
									点击查看扫码收款说明!
									</a>
								</div>
								</span>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-sm-4 control-label">微信/支付宝收款默认账目类型</label>
                                <div class="col-sm-5 validate_input" style="line-height: 21px;">
                                    <input  type="text" class="form-control" ng-model="company.comName" name="comName" maxlength="30" placeholder="支付类型" ng-readonly="isReadonly" required>

                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">微信/支付宝收款二维码：</label>
                                <div id="qrcodeReceipt" class="col-sm-5 validate_input" style="line-height: 21px;width:300px;">
                                    <div id="urlQrcode" style="display:none;"></div>
                                    <span ng-show="isAppOpen" class="text-muted label-defalut-price-type" style="display:block;line-height: 28px;font-size: 12px;color:red;width:300px;">
									右键点击图片另存打印可使用。<a href="#" >点我，关注公众号，即时接收收款信息</a>
								</span>
                                    <span ng-show="!isAppOpen" class="text-muted label-defalut-price-type" style="display:block;line-height: 28px;font-size: 12px;color:red;width:300px;">
									<a href="http://www.qinsilk.com/barpay.html" target="_blank">您当前尚未开通扫码支付功能，点击前往免费开通</a>
								</span>
                                </div>
                            </div>
                        </div>
                        </div>
                        <!-- /.tab-content -->

                    </div>
                    <!-- /.nav-tabs-custom -->
                        <div class="center-pill">
                            <center><button type="button" class="btn-normal" ng-disabled="editForm.$invalid|| isWarnNumberError()" ng-click="save()" ng-show="!isReadonly">保存</button>
                            <button type="button" class="btn-normal" ng-click="resetForm()" ng-show="!isReadonly">重置</button></center>
                        </div>

                    </form>

                </div>

                <!-- /.content -->
</div>
        </div>

    </section>
</div>
    <aside class="control-sidebar control-sidebar-dark">
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
            <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>

            <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <!-- Home tab content -->
            <div class="tab-pane" id="control-sidebar-home-tab">
                <h3 class="control-sidebar-heading">Recent Activity</h3>
                <ul class="control-sidebar-menu">
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon fa fa-birthday-cake bg-red"></i>

                            <div class="menu-info">
                                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

                                <p>Will be 23 on April 24th</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon fa fa-user bg-yellow"></i>

                            <div class="menu-info">
                                <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>

                                <p>New phone +1(800)555-1234</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>

                            <div class="menu-info">
                                <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>

                                <p>nora@example.com</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <i class="menu-icon fa fa-file-code-o bg-green"></i>

                            <div class="menu-info">
                                <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>

                                <p>Execution time 5 seconds</p>
                            </div>
                        </a>
                    </li>
                </ul>
                <!-- /.control-sidebar-menu -->

                <h3 class="control-sidebar-heading">Tasks Progress</h3>
                <ul class="control-sidebar-menu">
                    <li>
                        <a href="javascript:void(0)">
                            <h4 class="control-sidebar-subheading">
                                Custom Template Design
                                <span class="label label-danger pull-right">70%</span>
                            </h4>

                            <div class="progress progress-xxs">
                                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <h4 class="control-sidebar-subheading">
                                Update Resume
                                <span class="label label-success pull-right">95%</span>
                            </h4>

                            <div class="progress progress-xxs">
                                <div class="progress-bar progress-bar-success" style="width: 95%"></div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <h4 class="control-sidebar-subheading">
                                Laravel Integration
                                <span class="label label-warning pull-right">50%</span>
                            </h4>

                            <div class="progress progress-xxs">
                                <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <h4 class="control-sidebar-subheading">
                                Back End Framework
                                <span class="label label-primary pull-right">68%</span>
                            </h4>

                            <div class="progress progress-xxs">
                                <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
                            </div>
                        </a>
                    </li>
                </ul>
                <!-- /.control-sidebar-menu -->

            </div>
            <!-- /.tab-pane -->
            <!-- Stats tab content -->
            <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
            <!-- /.tab-pane -->
            <!-- Settings tab content -->
            <div class="tab-pane" id="control-sidebar-settings-tab">
                <form method="post">
                    <h3 class="control-sidebar-heading">General Settings</h3>

                    <div class="form-group">
                        <label class="control-sidebar-subheading">
                            Report panel usage
                            <input type="checkbox" class="pull-right" checked>
                        </label>

                        <p>
                            Some information about this general settings option
                        </p>
                    </div>
                    <!-- /.form-group -->

                    <div class="form-group">
                        <label class="control-sidebar-subheading">
                            Allow mail redirect
                            <input type="checkbox" class="pull-right" checked>
                        </label>

                        <p>
                            Other sets of options are available
                        </p>
                    </div>
                    <!-- /.form-group -->

                    <div class="form-group">
                        <label class="control-sidebar-subheading">
                            Expose author name in posts
                            <input type="checkbox" class="pull-right" checked>
                        </label>

                        <p>
                            Allow the user to show his name in blog posts
                        </p>
                    </div>
                    <!-- /.form-group -->

                    <h3 class="control-sidebar-heading">Chat Settings</h3>

                    <div class="form-group">
                        <label class="control-sidebar-subheading">
                            Show me as online
                            <input type="checkbox" class="pull-right" checked>
                        </label>
                    </div>
                    <!-- /.form-group -->

                    <div class="form-group">
                        <label class="control-sidebar-subheading">
                            Turn off notifications
                            <input type="checkbox" class="pull-right">
                        </label>
                    </div>
                    <!-- /.form-group -->

                    <div class="form-group">
                        <label class="control-sidebar-subheading">
                            Delete chat history
                            <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
                        </label>
                    </div>
                    <!-- /.form-group -->
                </form>
            </div>
            <!-- /.tab-pane -->
        </div>
    </aside>
    <div class="control-sidebar-bg"></div>
    <footer th:replace="common/footer::common_footer"></footer>
</div>
        <script src="../../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Slimscroll -->
<script src="../../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../../bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
<!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Page Script -->

    </body>
</html>